<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head th:replace="admin/admin-fragment :: head(~{::title})">
    <meta charset="UTF-8">

    <title>所有博客</title>
</head>
<body class="index-bg">
<!--导航栏-->
<!--头部导航-->
<nav th:replace="admin/admin-fragment :: menu(1)">

</nav>
<div class="ui attached pointing menu">
    <div class="ui container">
        <div class="right menu">
            <a href="#" class=" item">发布</a>
            <a href="#"  class="teal active item">列表</a>
        </div>
    </div>
</div>


<!--中间内容-->
<div class="m-padded-tb-tiny m-margin-top-massive">
<!--    ui container响应式布局-->
    <div class="ui container ">
        <form action="#" method="post" class="ui segment form">
            <dic class="inline fields">
                <div class="field">
                    <input type="text" name="title" placeholder="标题">
                </div>
<!--                <div class="field">-->
<!--                    &lt;!&ndash;dropdown是下拉框效果&ndash;&gt;-->
<!--                    <div class="ui labeled action input">-->
<!--                        <div class="ui type selection dropdown">-->
<!--                            <input type="hidden" name="typeId">-->
<!--                            <i class="dropdown icon"></i>-->
<!--                            <div class="default text">分类</div>-->
<!--                            &lt;!&ndash;menu是菜单&ndash;&gt;-->
<!--                            <div class="menu">-->
<!--                                <div   class="item" data-value="1"  >错误日志</div>-->
<!--                            </div>-->
<!--                        </div>-->

<!--                    </div>-->

<!--                </div>-->
<!--                <div class="field">-->
<!--                    <div class="ui checkbox">-->
<!--                        <input type="checkbox" id="recommend" name="recommend">-->
<!--                        <label for="recommend">推荐</label>-->
<!--                    </div>-->
<!--                </div>-->
                <div class="field">
                    <button  type="button" id="search-btn" class="ui mini teal basic button"><i class="search icon"></i>搜索</button>
                </div>
            </dic>
        </form>
        <table class="ui compact teal table">
            <thead>
            <tr>
                <th></th>
                <th>标题</th>
<!--                <th>类型</th>-->
<!--                <th>推荐</th>-->
                <th>状态</th>
                <th>更新时间</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr th:each="blog, iterStat : ${pageInfo.list}">
                <td th:text="${iterStat.count}">1</td>
                <td th:text="${blog.title}">刻意练习清单</td>
<!--                <td th:text="${blog.type.name}">认知升级</td>-->
<!--                <td th:text="${blog.recommend} ? '是':'否'">是</td>-->
                <td th:text="${blog.published} ? '发布':'草稿'">发布</td>
                <td th:text="${#dates.format(blog.updateTime,'yyyy-MM-dd')}">2020-8-02</td>
                <td>
                    <a href="#" th:href="@{/admin/blogs/{id}/input(id=${blog.id})}" class="ui mini teal basic button">编辑</a>
                    <a href="#" th:href="@{/admin/blogs/{id}/delete(id=${blog.id})}" class="ui mini red basic button">删除</a>
                </td>
            </tr>
            </tbody>
            <tfoot>
            <tr>
                <th colspan="7">
                    <div class="ui mini pagination menu"  >
                        <div class="item"><a th:href="@{/admin/blogs}">首页</a></div>
                        <div class="item"><a th:href="@{/admin/blogs(pagenum=${pageInfo.hasPreviousPage}?${pageInfo.prePage}:1)}">上一页</a></div>
                        <div class="item"><a th:href="@{/admin/blogs(pagenum=${pageInfo.hasNextPage}?${pageInfo.nextPage}:${pageInfo.pages})}">下一页</a></div>
                        <div class="item"><a th:href="@{/admin/blogs(pagenum=${pageInfo.pages})}">尾页</a></div>
                    </div>
                    <a href="#"   th:href="@{/admin/blogs/input}"  class="ui  mini right floated teal basic button">新增</a>
                </th>
            </tr>
            </tfoot>
        </table>
</div>
</div>
    <br>
    <br>
    <br>
<!--脚部-->
<footer th:replace="fragment :: footer">


</footer>
<script>
   $(".menu.toggle").click(function () {
        $(".m-item").toggleClass("m-mobile-hide");
   })

   $('.ui.dropdown').dropdown({
       on : "hover"
   });
</script>

</body>
</html>
